/* 以下为常见的初始化css */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
em,i{
    font-style: normal;
    /* 一般用来放字体图标，做图标 */
}
li {
    list-style: none;
}
img{
    border: 0;
    /* 低版本图片加了连接会带边框，去掉它 */
    vertical-align: middle;
    /* 取消图片底部缝隙 */
}
button {
    cursor: pointer;
}
input {
    /* 去除输入框点击后的蓝色外框 */
    outline: none;
}
textarea {
    /* 禁止文本域随地大小变 */
    resize: none;
    outline: none;
}
a{
    text-decoration: none;
    /* 链接消去下划线 */
    color: #666;
    /* 这才是常见的链接颜色 */
}

a:hover{
    color: red;
    /* 鼠标移过链接的颜色视美工定的主题色而定，此处亦初始化 */
}

button,input{
    font-family: Microsoft YaHei,Heiti SC,Tahoma,arial,Hiragino Sans GB,"\5B8B\4F53";
    /* 表单项内部字体规定 */
}
body{
    -webkit-font-smoothing:antialiased;
    background-color: #fff;
    font:12px/1.5 Microsoft YaHei,Heiti SC,Tahoma,arial,Hiragino Sans GB,"\5B8B\4F53";
    /* 最后一个字体是宋体 */
}

/* 消除浮动1 */
.clearfix{
    *zoom: 1;
}
.clearfix::before,.clearfix::after {
    content: "";
    display:table;
}
.clearfix::after {
    clear:both;
}
.clearfix {
    *zoom: 1;
}

/* /* 消除浮动2 /*
.clearfix::after
{
    display: block;
    content: "";
    height: 0;
    clear: both;
    visibility: hidden;
} */
.hide .none{
    display: none;
    /* 自定义的隐藏类，方便js调用实现隐藏 */
}

/* 字体图标 */

@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?tomleg');
    src:  url('../fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?tomleg') format('truetype'),
      url('../fonts/icomoon.woff?tomleg') format('woff'),
      url('../fonts/icomoon.svg?tomleg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
